﻿/*
  IMPORTANT!
	- This file contains common styles shared between all skins
	- Do NOT use fixed width font-sizes in your skin! (Use em or %, do not use use px or pt.)
	- Do NOT change the body font size in your skin! (But feel free to change font sizes on other elements - as long as you use em or % to do so.) 
	
	1 em = 10 px
	1.1 em = 11 px (10 * 1,1)
	2 em = 20 px (10 * 2)
	and so on...
*/
body 
{
  font: 10px Lucida Grande; /* Do NOT change this font size in your skin! */
	margin: 	0em !important;
	padding: 	0em !important;
	width:54em;
}

#front
{
	position: absolute;
	top: 0em;
	left: 0em;
	width: 27em;
	min-height: 8em;
	overflow: hidden;
	font-family: sans-serif;
}

#back
{
	display: none;
	position: absolute;
	top:0em;
	left: 0em;
	width: 27em;
	min-height: 3.9em;
	overflow: hidden;
}

div
{
  font-size: 1em;
}

div.scalable div.contents
{
  width: 100%;
  height: 100%;
  float: left;
  position: relative;
  top:0em;
  left: 0em;
  z-index: 3;
  overflow: hidden;
}

div.scalable div.contents div.container
{
  margin: 0em 2em 0em 1.5em; 
}

div.scalable img.background
{
  width: 100%;
  height: 100%;
  position: relative;
  top:-100%;
  left: 0em;
  z-index: 2;
}

.center
{
  text-align: center !important;
}

.right
{
  text-align: right !important; 
}

.justify
{
  text-align: justify !important;
}

.block
{
  display: block;
}

#infobutton
{
  color: #000;
  padding: 0.3em;
  font-size: 1.6em; 
  font-family: Garamond Premier Pro;
  font-weight: bold;
  font-variant: semibold;
  font-style: italic;
  position: absolute;
  top: -0.2em;
  left: 85%;
  z-index:99;
}

#infobutton:hover
{
  text-shadow: #fff 0em 0em 0.2em;
  bottom: 0.3em;
  right: 1.6em;
}

div.resizer
{
  width: 0.7em;
  height: 1.5em;
  line-height: 1.3em;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  margin-left: 0.1em;
  margin-right: 0.1em;
  text-align: center;
  padding: 0.1em 0.1em;
}

div.resizer:hover
{
  text-shadow: #000 0em 0em 0.2em;
}

a.smallertext
{
  font-size: 0.9em;
}

a.normaltext
{
  font-size: 1.2em;
}

a.biggertext
{
  font-size: 1.5em;
}

img.logo
{
  cursor: move;
}